<!--
 loading组件，上拉加载时
 @Author: mosowe
 @Date:2022-12-28 15:00:13
-->
<template>
  <view
    class="zo-loading"
    v-if="!props.isRefresh">
    {{
      props.isEmpty
        ? '暂无数据'
        : props.isEnd
        ? '没有更多内容了'
        : props.loading
        ? '数据加载中...'
        : '上拉加载更多'
    }}
  </view>
</template>

<script setup lang="ts">
// props定义
interface PropsType {
  loading: boolean; // 加载中
  isEmpty: boolean; // 是否为空
  isEnd: boolean; // 是否加载完
  isRefresh?: boolean; // 是否下拉刷新中
}
const props = withDefaults(defineProps<PropsType>(), {
  loading: false,
  isEmpty: false,
  isEnd: false,
  isRefresh: false
});
</script>

<style lang="scss" scoped>
.zo-loading {
  text-align: center;
  font-size: 26rpx;
  color: #999;
  padding: 30rpx 0;
}
</style>
